
.wrap {
	padding: 20rpx;
	padding-top: 380rpx;
}
.navbar-content{
	padding: 0 40rpx;
	padding-bottom: 20rpx;
	@include flex-jc-ai(flex,space-between,center);
	.left-avatar{
		margin-right: 20rpx;
	}
}
.c_navbar{
	position: fixed;
	z-index: 991;
	width: 100%;
	height: 360rpx;
	border-radius: 0 0 40rpx 40rpx;
	box-shadow: 0 0 6px #C0C0C0;
	background: linear-gradient(to right, rgb(127, 127, 213), rgb(134, 168, 231), rgb(145, 234, 228));
}
.demo-layout {
	padding: 40rpx 0;
	border-radius: 20rpx;
	margin-bottom: 40rpx;
	background-color: #FFFFFF;
	box-shadow: 0 0 1px #C0C0C0;
	text-align: center;
	.nav-title {
		color: #5c6b8b;
	}

	.iconfont {
		font-size: 64rpx;
		position: relative;

		&::after {
			content: "";
			position: absolute;
			left: 50%;
			width: 60rpx;
			height: 60rpx;
			border-radius: 40%;
			background: linear-gradient(to right, rgba(127, 127, 213, 0.3), rgba(134, 168, 231, 0.4), rgba(145, 234, 228, 0.5));
		}
	}
}